跳到主要内容

形状和路径概述(Shapes and Paths Overview)

Rive 允许您使用程序化形状(Procedural Shapes)或自定义形状来创建、编辑和制作矢量图形动画。这些图形通过组合形状图层和路径图层来定义,Rive 将它们公开以便您在设计和动画制作时获得更大的灵活性和控制力。

要了解更多关于形状图层和路径图层的信息,您可以观看我们的形状和路径视频,或继续阅读下文。

Youtube

形状图层(Shape Layer)

图片

Rive 中的矢量图形在形状图层上渲染。形状图层通过允许您自定义填充(Fill)和描边(Stroke)来定义形状的样式。

图片

路径图层(Path Layer)

图片

矢量图形的实际形状由一个或多个路径定义。在 Rive 中展开形状图层将显示它正在使用的路径。

图片

您可以通过将现有路径拖放到目标形状图层上来为任何形状添加新路径。

路径图层属性(Path Layer Properties)

路径图层显示与路径类型相关的属性。了解更多关于程序化形状的信息。

图片

Enter 和 Esc 快捷键(Enter and Esc Shortcuts)

使用 Enter 键可以快速在层级(Hierarchy)中向下导航。如果您选中了一个形状,这允许您快速选择子路径图层。

使用 Esc 键可以快速在层级中向上导航。如果您选中了一个路径,这允许您快速选择父形状图层。

实战技巧(Tips)

尽量复用形状图层,保持层级简洁

在创建同色/同风格图形时,优先在同一个 Shape Layer 下增加多个 Path,而不是创建大量独立 Shape Layer。这样更易统一改样式,也更利于性能。

三种常见复用方式

  • 添加路径(Add Paths):在同一形状下叠加不同路径构建复杂轮廓
  • 复制路径(Duplicate Paths):复制并微调路径属性生成衍生结构
  • 复制形状(Duplicate Shapes):复制后调整顶点与样式制造层次与纹理效果